@CHARSET "UTF-8";


@def board_padding 	0px 0px 11px 0px;

@def header_shadow_box 	0.0em 0.3em 0.6em rgba(0, 0, 0, 0.8);

@def title_shadow_box 	0.2em 0.2em 0.2em rgba(0,0,0,0.6);
@def title_bgImg 	none;
@def title_bgCol 	#999;


@def val_status_shadow_box 	0.3em 0.3em 0.3em rgba(0, 0, 0, 0.6);
@def val_shadow_text 		0.1em 0.1em 0.15em rgba(0,0,0,0.8);

@def state_valid_bgImg 		none;
@def state_valid_bgCol 		#0c0;
@def state_invalid_bgImg 		none;
@def state_invalid_bgCol 		#c00;
@def state_other_bgImg 		none;
@def state_other_bgCol 		#cc0;

* {}

body {	
    margin: 0;
    background-color: #333;
}

body * {
    box-sizing: content-box;
}

a, a:visited {
    text-decoration: none;
}


.board {
	display: block;
	
	position: relative;
	
	padding: board_padding;
	
	color: #fff;
	
	background-color: #000;
	background-image: board_bgImg;
	background-repeat: no-repeat;
}

.header {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	
    box-shadow: header_shadow_box;
    background-color: rgba(0, 0, 102, 0.4);
}

.placeholder {
	display: block;
	visibility: hidden;
	width: 100%;
}


.title {
	display: block;
	
	height: 22px;
	line-height: 22px;
	
	
	padding: 0px 5px;
	
	white-space: nowrap;

	background-image: title_bgImg; 
	background-color: title_bgCol; 
}

.title-text {
	color: #eeeeee;
	
	font-size: 14px;
	font-family: sans-serif;
	font-weight: bold;
	
    text-shadow: title_shadow_box;
}


.validation {
	border: 0 none;
	border-radius: 0;
	padding: 0;
}

.validation-table {
	width: 100%;
	padding: 5px 5px 11px 5px;
	
	font-family: serif;
}

.validation .validation-status {
	padding: 11px;
	margin: 0 0 11px 0;
	border-radius: 11px;
	border-width: 0.2em;
	border-style: solid;
    box-shadow: val_status_shadow_box;
    vertical-align: middle;
}

.validation-info {
	
/* 	height: 22px; */
	line-height: 22px;
	
	margin: 0px 0px 0px 11px;
	
	vertical-align: middle;
	
	white-space: nowrap;
	
}

.validation-info-table {
	margin-left: 11px;
}

.validation-label {
	padding-right: 5px;
	
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    
    color: #fff;
    
    text-align: right;
}

.validation-text {
    font-size: 18px;
	font-family: sans-serif;
    font-style: normal;
    font-weight: bold;
    
    text-shadow: val_shadow_text;
}



.validation-status .validation-label {
	text-align: center;
	padding-right: 0px;
}
.validation-status .validation-text {
	font-size: 24px;
	text-align: center;
}


.state-valid {
	background-image: state_valid_bgImg;
	background-color: state_valid_bgCol;
}
.state-invalid {
	background-image: state_invalid_bgImg;
	background-color: state_invalid_bgCol;
}
.state-other {
	background-image: state_other_bgImg;
	background-color: state_other_bgCol;
}


.state-valid .validation-text {
	color: #ccffcc;
}

.state-invalid .validation-text {
	color: #ffcccc;
}

.state-other .validation-text {
	color: #ffFFcc;
}


.state-valid .validation-status {
	background-color: rgba(0, 255, 0, 0.8);
	border-color:  rgba(0, 153, 0, 0.8);
}

.state-invalid .validation-status {
	background-color: rgba(255, 0, 0, 0.8);
	border-color:  rgba(153, 0, 0, 0.8);
}

.state-other .validation-status {
	background-color: rgba(255, 102, 0, 0.8);
	border-color:  rgba(153, 51, 0, 0.8);
}


/* SEARCH */

.search {
	text-align: right;
}

.search-item {
	margin: 0px 11px 11px 0px;
}

.search-item:LAST-CHILD {
	margin: 0px 0px 11px 0px;
}

input.search-input {
	border-radius: 22px;
}

.search-options {
	display: inline-block;
	margin: 0px 11px 0px 0px;
}

.search-option {}

.search-result {
/* 	top: 0; */
	left: 11px;
	right: 11px;
	
	position: fixed;
/* 	position: absolute; */

	margin: 0;
	padding-bottom: 22px;
	
/* 	display: table; */
/* 	width: 100%; */
/* 	height: 100%; */
}

.search-result-content {
	width: 100%;
	height: 100%;
}

.search-result-frames {
/* 	display: table-row; */
	width: 100%;
	height: 100%;
}

.search-result-wrapper {
/* 	display: table-cell; */
	padding: 5px;
	height: 100%;
}

.search-result-frame {
	width: 100%;
	height: 100%;
}

.search-result-close-button {
	position: absolute;
	
	top: -11px;
	right: -11px;
}



/* BOOKMARKS */

.bookmarks {
}

.bookmark-group {
	display: inline-block;
}

.bookmark-group-label {
	
	display: inline-block;
	
	height: 22px;
	line-height: 20px;
	
	padding: 1px 0px 0px 0px;
	
	margin: 0px 0px 11px 11px;
	
	border-radius: 11px;
/* 	border: 0.2em solid rgba(238, 238, 238, 0.8); */
	
	color: #eef;
	
/* 	background-image: link_bgImg_MOZ; */
/* 	background-image: link_bgImg_WK; */
	
    font-size: 11px;
	font-family: serif;
    font-style: normal;
    font-weight: normal;
    
    vertical-align: middle;
    
    text-align: center;
    text-shadow: 0.1em 0.1em 0.1em rgba(255, 255, 255 ,0.8);
}

.bookmark-group:FIRST-CHILD .bookmark-group-label {
	margin: 0px 0px 11px 0px;
	
}

.bookmark {
	margin: 0px 0px 11px 11px;
}


/* DEVELOPMENT */

.development {
}

.development-items {
	display: block;
	position: relative;
	left: 0px;
/* 	float: left; */
/* 	height: 44px; */

	margin: 0px 0px 0px 0px;
}

.development-item {
	display: inline-block;
	margin: 0px 11px 11px 0px;	
}

.development-parameter {
	display: inline-block;
	margin: 0px 11px 11px 0px;
	vertical-align: middle;
}

.development-parameter input {
	margin-left: 11px;
}

.development-buttons {
	display: block;	
	position: relative;
	right: 0px;
/* 	float: right; */
/* 	height: 44px; */
	
/* 	border-radius: 22px; */
/* 	border: 0.2em solid rgba(204, 204, 255, 0.6);  */
	
/* 	background-image: \-moz-linear-gradient( top, rgba(204, 204, 255, 0.6), rgba(153, 153, 204, 0.2), rgba(204, 204, 255, 0.4)); */
	
	text-align: right;
}

.development-button {
	margin: 0px 11px 11px 0px;
}

.development-button:LAST-CHILD {
	margin: 0px 0px 11px 0px;
}


/* SHOWCASES */

.showcases {
}

.showcase-table {
	width: 100%;
	
	margin-bottom: 11px;
	
	background-color: rgba(0, 0, 0, 0.2);
	
	border: 0.1em solid rgba(255, 255, 255, 0.8);
}

.showcase-header {
	background-color: rgba(0, 0, 0, 0.2);
	
/* 	background-image: showcase_table_header_bgImg_MOZ; */
/* 	background-image: showcase_table_header_bgImg_WK; */
	
	font-family: serif;
}

.showcase-environment {
	padding: 0 11px;
	
	max-width: 200px;
	
	line-height: 33px;
	
	border-bottom: 0.1em solid rgba(255, 255, 255, 0.8);
	border-right: 0.1em solid rgba(255, 255, 255, 0.4);
	
	font-size: 18px;
/* 	font-family: sans-serif; */
/* 	font-weight: bold; */
	
	text-align: center;
	
	
	vertical-align: middle;
}

.showcase-environment:FIRST-CHILD{
	border-right: 0.1em solid rgba(255, 255, 255, 0.8);
}

.showcase-environment:LAST-CHILD{
	border-right: 0 none;
}


.showcase-row {
	padding: 0 11px; 
}

.showcase-row:HOVER {
	background-color: rgba(255, 255, 255, 0.1);
}

.showcase-cell {
/* 	min-width: 150px; */
	
	border-bottom: 0.1em solid rgba(255, 255, 255, 0.4);
	border-right: 0.1em solid rgba(255, 255, 255, 0.4);
	
	vertical-align: middle;
}
.showcase-cell:FIRST-CHILD{
	border-right: 0.1em solid rgba(255, 255, 255, 0.8);
}
.showcase-cell:LAST-CHILD{
	border-right: 0 none;
}

.showcase-type {
	padding: 5px 5px;
	min-width: 100px;
	max-width: 200px;
	
	line-height: 22px;	
	
	
    font-size: 18px;
	font-family: serif;
    font-style: italic;
    font-weight: normal;
    
	text-align: right;
}

.showcase-links {
	padding: 0px 11px 0px 11px;
	
/* 	min-width: 300px; */
/* 	max-width: 400px; */
	
	text-align: center;
}

.showcase-links:HOVER {
	background-color: rgba(255, 255, 255, 0.1);
}

a.showcase-link {
	margin: 5px 0xp 6px 11px;
	
	font-family: sans-serif;
	
	white-space: nowrap;
}


/* NOTES */

.notes {
}

.note {	
	display: inline-block;
	margin: 11px 11px 11px 0px;
}

.note-label {
	font-size: 16px;
	-moz-user-select: text;
}

.note-table {
	
	margin-bottom: 11px;
	
	min-width: 150px;
	min-height: 100px;
	
	border: 0.1em solid rgba(255, 255, 255, 0.8);
	
	background-color: rgba(0, 0, 0, 0.6);
}

.note-row {
	
}

.note-cell {
	
	padding: 11px;
	
	height: 22px;
	line-height: 22px;
	
	border-bottom: 0.1em solid rgba(255, 255, 255, 0.4);
	border-right: 0.1em solid rgba(255, 255, 255, 0.4);
	
	font-size: 14px;
	
	vertical-align: middle;
}
.note-cell:FIRST-CHILD{
	border-right: 0.1em solid rgba(255, 255, 255, 0.8);
}
.note-cell:LAST-CHILD{
	border-right: 0 none;
}

.note-cell-title {
	font-family: serif;
}

.note-cell-text {
	font-family: monospace;
}
